<?php
/**
 * Slider-test.php
 * --------------------------------------------------
 */

// page configuration
// ------------------

$page->script("
jQuery(window).load( function() {
  $('#featured').orbit({
    animation: 'fade',               // fade, horizontal-slide, vertical-slide, horizontal-push
    animationSpeed: 500,             // how fast animtions are
    advanceSpeed: 5000,              // if timer is enabled, time between transitions 
    fluid: '940x231',
    directionalNav: false,
    bullets: false
  });
});
");

?>

<div id="featured">
  <img src="<?= img('ROC-clients-at-work-2012.jpg') ?>" alt="ROC Central">
  <img src="<?= img('ROC-chris-working-2012.jpg') ?>" alt="ROC Central">
  <img src="<?= img('ROC-inside-2012.jpg') ?>" alt="ROC Central">
</div>
